<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="../css/client.css">
    <script type="text/javascript" src="../js/rem.js"></script>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <div class="wrap">
        <header>
            <div class="back-btn">
                <img src="../images/back.png" alt="" srcset="">
            </div>
            <div class="tab">
                <div class="tab-msg tab-active">
                    客户消息
                </div>
                <div class="tab-client">
                    所有客户
                </div>
            </div>
        </header>
        <section class="section-client-msg">
            <div class="client-item">
                <div class="touxiang">
                    <img src="../images/touxiang1.png" alt="" srcset="" class="touxiang-img">

                </div>
                <img src="../images/bg.png" alt="" srcset="" class="have-msg">
                <div class="detail">
                    <div class="cname">
                        MARUKO
                    </div>
                    <div class="time">
                        18:52:16
                    </div>
                    <p>你好！emoji</p>
                </div>
            </div>
            <div class="client-item">
                <div class="touxiang">
                    <img src="../images/touxiang2.png" alt="" srcset="" class="touxiang-img">
                </div>
                <div class="detail">
                    <div class="cname">
                        SUNDAY
                    </div>
                    <div class="time">
                        12:22:35
                    </div>
                    <p>你好！emoji</p>
                </div>
            </div>
            <div class="client-item">
                <div class="touxiang">

                    <img src="../images/touxiang2.png" alt="" srcset="" class="touxiang-img">
                </div>
                <div class="detail">
                    <div class="cname">
                        SUNDAY
                    </div>
                    <div class="time">
                        12:22:35
                    </div>
                    <p>你好！emoji</p>
                </div>
            </div>
            <div class="client-item">
                <div class="touxiang">
                    <img src="../images/touxiang2.png" alt="" srcset="" class="touxiang-img">
                </div>
                <div class="detail">
                    <div class="cname">
                        SUNDAY
                    </div>
                    <div class="time">
                        12:22:35
                    </div>
                    <p>你好！emoji</p>
                </div>
            </div>
        </section>
        <div class="section-all-client">
            <div class="search-bar">
                <div class="icon">
                    <img src="../images/search.png" alt="" srcset="">
                </div>
                <div class="input-search">
                    <input type="text" placeholder=" 通过手机号、备注名、昵称、收货人姓名搜索" id="search">
                </div>
            </div>

        </div>

    </div>
    <script src="../js/jc_tool.js"></script>
    <script src="../js/client.js"></script>
</body>

</html>